<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>基础设置</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
<div>
    <div class="zr_header">
        <div class="zr-center-box">
            <img src="img/logo.png" class="zr_logo"/>
            <ul class="zr_tab">
                <li>我的问卷</li>
                <li class="zr_tab-border">高级检索</li>
                <li>综合题库</li>
                <li>用户管理</li>
                <li>考察点管理</li>
                <li>联系人管理</li>
                <li>帮助中心</li>
            </ul>
            <div class="zr_right-box">
                <img class="zr_head-img" src="img/header.png"/>
                <span>dnnfdsh</span>
                <span>|</span>
                <span>退出</span>
            </div>
        </div>
    </div>
    <div class="zr_fixed-box"></div>
    <div class="zr_search-box">
        <div class="zr-center-box">
            <div class="zr_search-form zr_pointer">
                <div class="zr_til-form">
                    <img src="img/lt.png" class="zr_back-icon"/>
                    <span>返回</span>
                    <span class="zr_sg">|</span>
                    <span class="zr_green-ionic">基础设置</span>
                    <span class="zr_sg zr_green-ionic">|</span>
                    <span>高级设置</span>
                </div>
                <input type="button" class="zr_float-r zr_save-btn" value="保存"/>
            </div>
        </div>

    </div>
    <div class="zr-center-box">
        <div class="zr_green-ionic zr-line zr_check-box">发布时间</div>
        <div class="z-bor-box zr_check-box">
            <div class="z_max-width height-auto">
                <label class="zr_choice-rodio"><input type="radio" name="time" class="zr_radio">立刻发布</label>
                <div class="zr_choice-rodio zr_radio-left height-auto">
                    <label><input type="radio" name="time" class="zr_radio" checked>延迟发布</label>
                    <div>
                        <span class="zr_float-l zr-title zr_radio-lefts">题目来源</span>
                        <div class="zr_time-inputs zr_float-l" style="width: 185px;">
                            <input class="zr_float-l" type="text" placeholder="2017/12/10 12:55:20" style="width: 150px;">
                            <div class="time-btn">
                                <img src="img/055.png" style="width: 20px;margin: -3px 0px 0 4px"/>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="zr_green-ionic zr-line zr_check-box">回收设置</div>
        <div class="z-bor-box zr_check-box">
            <div class="z_max-width height-auto">
                <label class="zr_choice-rodio"><input type="checkbox" name="type" class="zr_radio">按时间</label>
                <div class="zr_choice-rodio zr_radio-left height-auto">
                    <label><input type="checkbox" name="type" class="zr_radio" checked>按样本数量</label>
                    <div>
                        <span class="zr_float-l zr-title zr_radio-lefts">完成问卷达到</span>
                        <input class="zr_float-l zr_input-box zr_input-min" type="text" placeholder="多少">
                        <span class="zr_float-l zr-title" style="margin-left: 0;">时，结束问卷</span>
                    </div>
                </div>
            </div>
            <div class="z_max-width height-auto">
                <div class="zr_choice-rodio height-auto">
                    <label><input type="radio" name="endTime" class="zr_radio" checked>截止时间</label>
                    <div>
                        <div class="zr_time-inputs zr_float-l zr_radio-lefts" style="width: 185px;">
                            <input class="zr_float-l" type="text" placeholder="2017/12/10 12:55:20" style="width: 150px;">
                            <div class="time-btn">
                                <img src="img/055.png" style="width: 20px;margin: -3px 0px 0 4px"/>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="z_max-width height-auto">
                <div class="zr_choice-rodio height-auto">
                    <label><input type="radio" name="zq" class="zr_radio" checked>生存周期</label>
                    <div>
                        <span class="zr_float-l zr-title zr_radio-lefts">完成问卷达到</span>
                        <input class="zr_float-l zr_input-box zr_input-min" type="text" placeholder="多少">
                        <span class="zr_float-l zr-title" style="margin-left: 0;">时，结束问卷</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="zr_green-ionic zr-line zr_check-box">通用设置</div>
        <div class="zr_check-box">
            <div class="z_max-width height-auto">
                <span class="zr_float-l" style="margin: 3px;">进度显示：</span>
                <label class="zr_choice-rodio"><input type="radio" name="sex" class="zr_radio"><span class="radio-box-width">显示</span></label>
                <label class="r_choice-rodio zr_radio-left"><input type="radio" name="sex" class="zr_radio">隐藏</label>
            </div>
            <div class="z_max-width height-auto">
                <span class="zr_float-l" style="margin: 3px;">调查类型：</span>
                <label class="zr_choice-rodio"><input type="radio" name="sex" class="zr_radio"><span style="padding-right: 18px;">调查问卷</span></label>
                <label class="r_choice-rodio zr_radio-left"><input type="radio" name="sex" class="zr_radio">面访问卷</label>
            </div>
            <div class="z_max-width height-auto">
                <div class="zr_choice-rodio height-auto mar-top">
                    <span class="zr_float-l" style="margin:0 3px;">答题限制：</span>
                    <label><input type="checkbox" name="sex" class="zr_radio" checked>答题密码</label>
                    <div>
                        <input class="zr_float-l zr_input-box zr_input-min" style="margin-left: 95px;" type="text" placeholder="请输入密码">
                    </div>
                </div>
                <label>
                    <div class="zr_float-l mar-top"><input type="checkbox" name="sex" class="zr_radio">每台电脑或手机</div>
                    <select class="zr_float-l zr_sel zr_sel-mar style-mar">
                        <option>只能</option>
                    </select>
                    <span class="zr_float-l zr-title style-mar">答</span>
                    <input class="zr_float-l zr_input-box zr_input-min style-mar" type="text" placeholder="多少">
                    <span class="zr_float-l zr-title style-mar">次</span>
                </label>
                <div class="zr_choice-rodio zr_radio-left height-auto">
                    <label><input type="checkbox" name="sex" class="zr_radio" checked>IP限制</label>
                    <div>
                        <span class="zr_float-l zr-title zr_radio-lefts">每个IP可以回答</span>
                        <input class="zr_float-l zr_input-box zr_input-min" type="text" placeholder="多少">
                        <span class="zr_float-l zr-title" style="margin-left: 0;">次</span>
                    </div>
                </div>
            </div>
            <div class="z_max-width height-auto">
                <div class="zr_choice-rodio height-auto">
                    <span class="zr_float-l" style="margin:0 3px;">微信发放：</span>
                    <label class="zr_choice-rodio"><input type="radio" name="sex" class="zr_radio">允许分享给微信好友或朋友圈</label>
                </div>
            </div>
        </div>
    </div>
    <div class="zr_scroll-top" id="scrollTop">
        <img src="img/top.png"/>
    </div>
    <div class="zr_scroll-top zr_scroll-bottom" id="scrollBottom">
        <img src="img/bottom.png"/>
    </div>
</div>
</body>
<script src="js/jquery.min.js" type="text/javascript"></script>
<script>
    $('#scrollTop').click(function(){
        $("html,body").animate({scrollTop:0}, 100);
    });
    $('#scrollBottom').click(function(){
        var bodyHeight = $(document).height();
        $("body,html").animate({ "scrollTop": bodyHeight + "px" }, 100);
    });
</script>
</html>